@charset "UTF-8";
@import "../../vendors/sm.min.css";
@import '../../base/iconfont';
@import "../../components/ordertemplate";
@import "../../components/popup";

.grab-button {
	margin-top: toRem(60);
	img {
		display: block;
		margin: auto;
		width: toRem(240);
	}
}
.grab-status {
	padding: toRem(50) 0;
	text-align: center;
	dt {
		font-size: 1.4rem;
		.iconfont {
			margin-right: .3rem;
			font-size: 1.2rem;
		}
	}
	dd {
		font-size:  .7rem;
		color: $colorGray89;
	}
	.grab-fail {
		dt {
			color: $colorGray89;
		}
	}
	.grab-success {
		dt {
			color: $colorBlue;
		}
	}
}

.popup-register{
    position: relative; width: toRem(610); height: 100%; margin:0 auto; background: transparent;
    i.iconfont{
        position:absolute;
        top: toRem(10);
        right: toRem(20)
    }
    .register-wrap{
        width:toRem(610); height: toRem(896);position: absolute; top:50%; left: 50%;margin-left:-(toRem(305)); margin-top:-(toRem(448));@include border-radius(1rem);overflow: auto;background: #fff;
        .register-content{
            padding: toRem(60) toRem(30); @include border-radius(1rem); height: toRem(890);
            h2{ text-align: center; color: $colorBlue; font-size: 1.2rem; line-height: 1.2rem; font-weight: bold; margin-bottom: toRem(66)}
            .form-input{
                position:relative; height: toRem(74); margin-top: toRem(30);
                &:after{content: ''; display:block; width:100%; height: 1px; background: $colorBorder}
                label{ display:inline-block; width: 28%; height: toRem(74); line-height: toRem(74); font-size: 0.75rem;}
                input{ display:inline-block; height:72%; line-height: toRem(74); font-size: 0.7rem}
                .getcode {
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    right:0.1rem;
                    margin: auto;
                    padding: 0 .3rem;
                    height: toRem(56);
                    line-height: toRem(56);
                    border: 1px solid $colorBlue;
                    @include button($bgColor: #fff, $color: $colorBlue, $bdColor: $colorBlue, $bgColor2: $colorBlue, $color2: #fff, $bdColor2: $colorBlue);
                    font-size: .7rem;
                    @include border-radius(2.2rem);
                    z-index: 10;
                    &.invalid {
                        @include button($bgColor: #fff, $color: $colorGray99, $bdColor: $colorGray99, $bgColor2: false, $color2: false, $bdColor2: false);
                    }
                }
            }
            section.bbx-btn-blue{ margin-top:toRem(58)}
        }

    }
}

//原有(旧)
//.popup-register {
//    .custom-popup {
//        @include mid-wrapper(80%,13.5rem);
//    }
//    .form-input {
//        position:relative;
//        padding: .2rem 0;
//        border-bottom: 1px solid $colorBorder;
//        margin-top: .5rem;
//        input {
//            display: block;
//            height: toRem(60);
//            line-height: toRem(60);
//        }
//        .getcode {
//            position: absolute;
//            top: 0;
//            bottom: 0;
//            right:0.1rem;
//            margin: auto;
//            padding: 0 .3rem;
//            height: toRem(56);
//            line-height: toRem(56);
//            border: 1px solid $colorBlue;
//            @include button($bgColor: #fff, $color: $colorBlue, $bdColor: $colorBlue, $bgColor2: $colorBlue, $color2: #fff, $bdColor2: $colorBlue);
//            font-size: .7rem;
//            @include border-radius(2.2rem);
//            z-index: 10;
//            &.invalid {
//                @include button($bgColor: #fff, $color: $colorGray99, $bdColor: $colorGray99, $bgColor2: false, $color2: false, $bdColor2: false);
//            }
//        }
//    }
//    .notes {
//        text-align: center;
//        color: $colorGray99;
//        font-size: 0.7rem;
//        padding: toRem(22) 0;
//    }
//}

.popup-recharge {
    h2 {
        border-bottom: 1px solid $colorGrayd1;
    }
    .progess {
        dt {
            margin: .3rem 0 .5rem;
            color: $colorGray99;
            font-size: .6rem;
        }
        dd {
            font-size: .8rem;
        }
    }
}






